﻿$(document).ready(function () {
    $('html').mousewheel(function (event, delta) {
        if (!($(event.target).hasClass('scroll-enable')) && !($(event.target).parents().hasClass('scroll-enable'))) {
            this.scrollLeft -= (delta * 150);
            event.preventDefault();
        }
    });
    
    $('#menu li').hover(function () {
        $('ul', this).stop(true, true).slideToggle(100);
    });

    $('#search-form input').focus(function () {
        $(this).stop(true, true).animate({ 'width': '200px' });
    });

    $('#search-form input').blur(function () {
        $(this).stop(true, true).animate({ 'width': '120px' });
    });

    var timeout = setTimeout(function () {
        $('.toast-notification').stop(true, true).fadeOut(3000);
    }, 2000);

    $('.toast-notification').hover(function () {
        $(this).stop(true, true).fadeIn(1);
        $('.close-toast', this).css('display', 'block');
        clearTimeout(timeout);
    }, function () {
        $(this).stop(true, true).fadeOut(3000);
        $('.close-toast', this).css('display', 'none');
    });

    $('.close-toast').click(function () {
        $('.toast-notification').css('display', 'none');
        $('.toast-notification').empty();
        return false;
    });

    $('.login-area').mouseup(function () {
        if ($(this).hasClass('selected')) {
            $('.sign-form', this).stop(true, true).slideUp(100);
            $(this).removeClass('selected');
        } else {
            $(this).addClass('selected');
            $('.sign-form', this).stop(true, true).slideDown(100);
            $('#TenDangNhap').focus();
        }
    });

    $('.sign-form').mouseup(function () {
        return false;
    });

    $(this).mouseup(function (e) {
        if (!($(e.target).parent('.login-area').length > 0)) {
            $('.login-area').removeClass('selected');
            $('.sign-form').stop(true, true).slideUp(100);
        }
        if (!($(e.target).parent('#parent-color-picker').length > 0) && !($(e.target).parents('#color-picker').length > 0)) {
            $('#customize-theme-btt').removeClass('selected');
            $('#color-picker').stop(true, true).hide(300);
        }
        if (!($(e.target).parent('.user-info-area').length > 0)) {
            $('.user-info-area').removeClass('selected');
            $('.user-manager').stop(true, true).slideUp(100);
        }
    });

    $('#customize-theme-btt').mouseup(function () {
        if ($(this).hasClass('selected')) {
            $(this).removeClass('selected');
            $('#color-picker').stop(true, true).hide(300);
        } else {
            $(this).addClass('selected');
            $('#color-picker').stop(true, true).show(300);
        }
    });

    $('#btt-submit-sign-in').click(function () {
        if ($('#TenDangNhap').val() == '') {
            $('.valid-login-message').text('Tên đăng nhập không được để trống');
            $('#TenDangNhap').focus();
            return false;
        }
        if ($('#MatKhau').val() == '') {
            $('.valid-login-message').text('Mật khẩu không được để trống');
            $('#MatKhau').focus();
            return false;
        }
    });

    $('.user-info-area').mouseup(function () {
        if ($(this).hasClass('selected')) {
            $('.user-manager', this).stop(true, true).slideUp(100);
            $(this).removeClass('selected');
        } else {
            $(this).addClass('selected');
            $('.user-manager', this).stop(true, true).slideDown(100);
        }
    });

    $('.user-manager').mouseup(function () {
        return false;
    });

    $('.tiles').hover(function () {
        if (!$(this).hasClass('no-hover'))
        {
            $('.tiles-hover', this).stop(true, true).fadeIn(200);
            $('.detail-view', this).stop(true, true).animate({ 'left': '100px' });
            $('.add-cart', this).stop(true, true).animate({ 'right': '100px' });
            $('.add-cart-view', this).stop(true, true).animate({ 'left': '40%' });
            $('.compare-product-view', this).stop(true, true).animate({ 'right': '40%' });
        }       
    }, function () {
        if (!$(this).hasClass('no-hover'))
        {
            $('.tiles-hover', this).stop(true, true).fadeOut(200);
            $('.detail-view', this).stop(true, true).animate({ 'left': '0' });
            $('.add-cart', this).stop(true, true).animate({ 'right': '0' });
            $('.add-cart-view', this).stop(true, true).animate({ 'left': '0' });
            $('.compare-product-view', this).stop(true, true).animate({ 'right': '0' });
        }       
    });

    $('.img-thumb').click(function () {
        $('#img-full').attr('src', $(this).attr('src'));
    });

});

function ShowPopup() {
    $(".Data").empty();
    $("#TenSanPham").empty();
    $("#ListCatalog").val("");
    $("#ListPhone").empty();
    $("#Bg-Popup").fadeIn("normal");
}

function ClosePopup() {
    $("#Bg-Popup").fadeOut("normal");
}
